<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的收藏</title>
    <link rel="stylesheet" href="css/collection.css"/>
    <link href="image/biaoti.ico" rel="icon">
</head>
<body>
<script src="js/jquery-1.11.1.min.js"></script>
<header class="">
    <div>
        <ul class="show_header">
            <li><span class="header_home"><a href="home.html">首页</a></span></li>
            <li><span class="header_hot"><a href="hot.html">热门</a></span></li>
            <li><span class="header_forum"><a href="forum.html">论坛</a></span></li>
            <li> <span class="header_information">信息</span></li>
            <li> <span class="header_set">设置
                <!--<div class="header_set_ul">-->
            <ul class="menu">
                <li class="menu_li"><a href="AccountSettings.html">账号设置</a></li>
                <li class="menu_li"><a href="Security.html">账号安全</a></li>
                <!--<li class="list-line"></li>-->
                <li class="menu_li"><a href="#">意见反馈</a></li>
                <li class="menu_li"><a href="#">帮助中心</a></li>
                <!--<li class="list-line"></li>-->
                <li class="menu_li"><a href="home.html">&nbsp;退出&nbsp;</a></li>
            </ul>
            </span></li>
        </ul>
    </div>
</header>

<aside>
    <div class="my_header">
        <!--头像-->
        <div class="my_header_center">
            <img src="image/1.jpg" class="my_image_header">
        </div>
        <div class="my_username">
            <span>用户名</span>
        </div>
    </div>
    <div class="my_action">
        <div class="my_action_home my_action_now"><a href="home.html">我的首页</a></div>
        <div class="my_action_favorite"><a href="collection.html"> 我的收藏</a></div>
        <div class="my_action_good"><a href="good.html"> 我的赞</a></div>
    </div>
    <div class="my_friends">
        <!--好友列表-->
        <div class="my_friends_list">
            好友列表
        </div>
        <ul>
            <li>wsk1103</li>
        </ul>
        <div class="add_friends">
            <input type="text">
            <button>添加</button>
        </div>
    </div>
    <div class="all_search">
        <div class="my_friends_list">搜索</div>
        <div><input type="text" name="search" class="search" placeholder="搜索"></div>
        <button class="search_movie">电影</button>
        <button class="search_publish">影评</button>
        <button class="search_user">用户</button>
    </div>
</aside>
<footer>

</footer>
<script src="js/hot.js"></script>
<script>
    $(function () {
        var menu = $('.menu');
        $('.header_set').mouseenter(function () {
            menu.css({left: 1010 + "px"});
            menu.show(1000);
        });
        $(menu).mouseleave(function () {
            menu.hide(1000);
        });
        $('li').mouseenter(function () {
            $(this).addClass('current');
            $(this).siblings().removeClass('current');
        });
        $('li').mouseleave(function () {
            $('li').removeClass('current');
        })
        $('.show_header').mouseleave(function () {
            $('.show_header').removeClass('current');
        })
    });
</script>
</body>
</html>